<template>
  <div class="container">
    <div class="headerTitle">
      <div class="imgBox w1200">
        <img :src="require('@/assets/product/bgPro1.png')" alt="" width="1200" height="202" />
        <div class="imgHeaderBox">
          <slot name="title"></slot>
          <slot name="jieshao"></slot>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
.headerTitle {
  .imgBox {
    position: relative;
    > img {
      text-align: center;
    }
    .imgHeaderBox {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
    }
  }
}
</style>
